<script lang="ts">
  export let size = "1em";
  export let color = "currentColor";

  let className: string | undefined = undefined;
  export { className as class };
</script>

<svg
  width={size}
  height={size}
  class={className}
  viewBox="0 0 20 20"
  fill={color}
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M10 4.22957C8.51242 4.22957 7.30649 5.43549 7.30649 6.92308C7.30649 8.41066 8.51242 9.61659 10 9.61659C11.4876 9.61659 12.6935 8.41066 12.6935 6.92308C12.6935 5.43549 11.4876 4.22957 10 4.22957ZM8.69111 6.92308C8.69111 6.20019 9.27712 5.61418 10 5.61418C10.7229 5.61418 11.3089 6.20019 11.3089 6.92308C11.3089 7.64596 10.7229 8.23197 10 8.23197C9.27712 8.23197 8.69111 7.64596 8.69111 6.92308Z"
    fill={color}
    class={className}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M2.30769 0H17.6923C18.9668 0 20 1.03319 20 2.30769V17.6923C20 18.9668 18.9668 20 17.6923 20H2.30769C1.03319 20 0 18.9668 0 17.6923V2.30769C0 1.03319 1.03319 0 2.30769 0ZM2.30769 1.53846C1.88286 1.53846 1.53846 1.88286 1.53846 2.30769V11.3286L4.12585 8.74123C4.2586 8.60848 4.43957 8.53534 4.62729 8.53856C4.815 8.54179 4.99335 8.62111 5.12146 8.75835L10.5747 14.6001L14.8951 10.2797C15.1654 10.0093 15.6038 10.0093 15.8742 10.2797L18.4615 12.8671V2.30769C18.4615 1.88286 18.1171 1.53846 17.6923 1.53846H2.30769ZM1.53846 17.6923V13.2868L4.59826 10.227L10.0479 16.0648L12.2171 18.4615H2.30769C1.88286 18.4615 1.53846 18.1171 1.53846 17.6923ZM17.6923 18.4615H14.0847L11.5129 15.6201L15.3846 11.7483L18.4615 14.8252V17.6923C18.4615 18.1171 18.1171 18.4615 17.6923 18.4615Z"
    fill={color}
    class={className}
  />
</svg>
